// 输入框获取焦点
 $('.middle input').focusin(function(){
        $('.middle input').css('border-color','#ff6700');
        $('.middle form ul').show().css('border-color','#ff6700');
        $('.middle div').css('border-color','#ff6700');
        $('.middle form p').fadeTo(200,0);
        // $('.middle form ul li').click(function(){
        //     $('.middle input').html($(this).html());
        // })
    }) 
    $('.middle input').focusout(function(){
        $('.middle input').css('border-color','#e0e0e0');
        $('.middle form ul').hide().css('border-color','#ff6700');
        $('.middle div').css('border-color','#e0e0e0');
        $('.middle form p').fadeTo(200,1);
    })
//
    // $(".middle input").html('<span style="color:red">电视4A55</span>')  

// 设置鼠标放在中间导航上的动画
$('.middle .middle-nav li').hover(function(){
    $(this).find('div').finish().slideDown(200);
},function(){
    $(this).find('div').finish().slideUp(200);
});
// -------------------------------------------------
// 设置轮播图
// var timer = null;
var index = 0;
function showImg(){
    $('.img-list li').eq(index).fadeIn(200).siblings().fadeOut(200);
    $('.indicator li').eq(index).addClass('current').siblings().removeClass('current');
}

function nextImg(){
    index = index == 5 ? 0 : index + 1;
    showImg();
}
function prevImg(){ 
    index = index == 0 ? 5 : index - 1;
    showImg();
}
// 自动切换
var timer =  setInterval(nextImg,1000);

// 当鼠标放上去停止
$('div.banner').hover(function(){
    clearInterval(timer);
    // console.log(234)
    timer = null;
},function(){
    // console.log('bb')
    if(timer){
        return;
    }
    timer = setInterval(nextImg,1000);
})

     $('.indicator li').click(function(){
            index = $(this).index();
            showImg();
    })  




// 点击按钮进行切换
$('.next').click(function(){
    nextImg();
})

$('.prev').click(function(){
    prevImg();
})

// 阻止事件的冒泡 当鼠标放在content-list 上时 轮播图继续滚动
$('.banner .content-list').mouseenter(function(ev){
      ev.stopPropagation();
})



// 鼠标放在一级菜单上显示二级菜单
$('.content-list li').hover(function(){
    $(this).find('section').show();
},function(){
    $(this).find('section').hide();
})

//小米明星单品里面的动画
var move = true;
var timer1 = null;
function leftMove(){
    $('.s-move .outer').find('.goods:nth-of-type(1)').stop().animate({
            left:-1226,
        },500);
        $('.s-move .outer').find('.goods:nth-of-type(2)').stop().animate({
            left:0,
        },500);
        $('.s-move .left').css('color','rgb(160,160,160)')
        .siblings().css('color','rgb(210,210,210)');  
}

function rightMove(){
     $('.s-move .outer').find('.goods:nth-of-type(1)').stop().animate({
            left:0,
        },500);
        $('.s-move .outer').find('.goods:nth-of-type(2)').stop().animate({
            left:1226,
        },500);
        $('.s-move .right').css('color','rgb(160,160,160)')
        .siblings().css('color','rgb(210,210,210)');
}

function change(){
        if(move == true){
            leftMove();
        }else{
            rightMove();
        }
        move = !move;
}

timer1 = setInterval(change,5000);

$('.s-move .arrow').hover(function(){
    clearInterval(timer1);
    timer1 = null;
    $(this).find('.left').click(function(){
        rightMove();
    });
    $(this).find('.right').click(function(){
        leftMove();
    });
},function(){
    if(timer1){
        return;
    }
    timer1 = setInterval(change,5000);
});

// 鼠标放上去可以点击的按钮才会变颜色
$('div.s-move .title span').hover(function(){
    console.log($('.goods:nth-of-type(1)').position().left)
    if($('.s-move .goods:nth-of-type(1)').position().left == 0){
        $(' .s-move .right').css('color','#ff6700');
    }else{
        $('.s-move .left').css('color','#ff6700');
    }
},function(){
    $('.s-move .title span').css('color','rgba(210,210,210)');
});

// 鼠标放在上面 下边框和文字进行动画
$('.home .wz ul li').mouseenter(function(){
   $(this).css({'border-color':'#ff6700','color':'#ff6700'})
   .siblings().css({'border-color':'transparent','color':'black'});
})

// 点击家电里面的内容进行切换
$('.home .wz ul li').hover(function(){
    console.log($(this).index());
    console.log($(this).parents('div.wz').siblings('.nr').find('ul.nr-inner').eq($(this).index()))
    $(this).parents('div.wz').siblings().find('ul.nr-inner').eq($(this).index()).show().siblings().hide();
})


// 设置鼠标放在视频上的动画
$('.radio-con li img').hover(function(){
    $(this).siblings('span').css({'background-color':'#ff6700','border-color':'#ff6700'})
},function(){
    $(this).siblings('span').css({'background-color':'rgba(0,0,0,0.8)','border-color':'white'})
})
$('.radio-con li span').hover(function(){
    $(this).css({'background-color':'#ff6700','border-color':'#ff6700'})
},function(){
    $(this).css({'background-color':'rgba(0,0,0,0.8)','border-color':'white'})
})


// *******************************
// 下面的小轮播图
// 第一个    麻烦的方法****
var sum = 0;
function show(){
    // $('.cont .f-one figure').css('left', -sum*269);
    $('.cont .f-one figure').animate({
        left: -sum*269,
    })
    $('.cont .f-one .cont-list p span').eq(sum).css({'border-color':'#ff6700','background-color':'white'})
    .siblings().css({'border-color':'white','background-color':'#757575'})
}

function prev(){
    sum --;
    if(sum <= -1){
        sum = 0;
        return;
    }
    show();
}

function next(){
    sum ++;
    if(sum >= 3){
        sum = 2;
        return;
    }
    show();
}
// 点击下面的点进行切换
$('.cont .f-one .cont-list p span').click(function(){
    sum = $(this).index();
    show();
})
// 点击按钮切换下一张
$('.cont  .f-one section.next').click(function(){
    next();
})
// 点击按钮切换上一张
$('.cont .f-one section.prev').click(function(){
    prev();
})
// *************************************************

// 第二个
var sum1 = 0;
function showTwo(){
    $('.cont .f-two figure').animate({
        left: -sum1*269,
    });
    $('.cont .f-two .cont-list p span').eq(sum1).css({'border-color':'#ff6700','background-color':'white'})
    .siblings().css({'border-color':'white','background-color':'#757575'})
}

function prevTwo(){
    sum1 --;
    if(sum1 <= -1){
        sum1 = 0;
        return;
    }
    showTwo();
}

function nextTwo(){
    sum1 ++;
    if(sum1 >= 3){
        sum1 = 2;
        return;
    }
    showTwo();
}
// 点击下面的点进行切换
$('.cont .f-two .cont-list p span').click(function(){
    sum1 = $(this).index();
    showTwo();
})
// 点击按钮切换下一张
$('.cont  .f-two section.next').click(function(){
    nextTwo();
})
// 点击按钮切换上一张
$('.cont .f-two section.prev').click(function(){
    prevTwo();
})

// 第三个
var sum3 = 0;
function showThree(){
    $('.cont .f-three figure').animate({
        left: -sum3*269,
    });
    $('.cont .f-three .cont-list p span').eq(sum3).css({'border-color':'#ff6700','background-color':'white'})
    .siblings().css({'border-color':'white','background-color':'#757575'})
}

function prevThree(){
    sum3 --;
    if(sum3 <= -1){
        sum3 = 0;
        return;
    }
    showThree();
}

function nextThree(){
    sum3 ++;
    if(sum3 >= 3){
        sum3 = 2;
        return;
    }
    showThree();
}
// 点击下面的点进行切换
$('.cont .f-three .cont-list p span').click(function(){
    sum3 = $(this).index();
    showThree();
})
// 点击按钮切换下一张
$('.cont  .f-three section.next').click(function(){
    nextThree();
})
// 点击按钮切换上一张
$('.cont .f-three section.prev').click(function(){
    prevThree();
})
//

// 第四个
var sum4 = 0;
function showFour(){
    $('.cont .f-four figure').animate({
        left:-sum4*269,
    })
    $('.cont .f-four .cont-list p span').eq(sum4).css({'border-color':'#ff6700','background-color':'white'})
    .siblings().css({'border-color':'white','background-color':'#757575'})
}

function prevFour(){
    sum4 --;
    if(sum4 <= -1){
        sum4 = 0;
        return;
    }
    showFour();
}

function nextFour(){
    sum4 ++;
    if(sum4 >= 3){
        sum4 = 2;
        return;
    }
    showFour();
}
// 点击下面的点进行切换
$('.cont .f-four .cont-list p span').click(function(){
    sum4 = $(this).index();
    showFour();
})
// 点击按钮切换下一张
$('.cont  .f-four section.next').click(function(){
    nextFour();
})
// 点击按钮切换上一张
$('.cont .f-four section.prev').click(function(){
    prevFour();
})


//设置中间导航的滑动的动画

$('.middle-nav').mouseleave(function(){
    $('.middle .down').stop().slideUp(200);
})

$('.middle-nav li').mouseenter(function(){
    if($(this).index() < 8 && $(this).index() > 0){
         $('.middle .down').stop().slideDown(200);
    }
    else{
        $('.middle .down').stop().slideUp(200);
    }

    // $(this).siblings('.down').find('.all').addClass('current').siblings().removeClass('current');
    $('.middle .down').find('.all').eq($(this).index() -1).addClass('current').siblings().removeClass('current')
    $('.middle .down').find('.all').eq($(this).index() -1).show().siblings().hide();
})

$('.middle .down').hover(function(){
     $('.middle .down').stop().slideDown(200);
},function(){
     $('.middle .down').stop().slideUp(200);
})

// 设置热门推荐里面的动画
    var result = 0;
    // 往左滑动
$('.tuijian .left').click(function(){
    result ++;
    if( result > 3){
        result = 3;
        $(this).css('color','rgb(210,210,210)');
        return;
    }
    else{
        $(this).css('color','rgb(160,160,160)');
        $(this).mouseenter(function(){
            $(this).css('color','#ff6700');
        })
        $(this).mouseleave(function(){
            $(this).css('color','rgb(160,160,160  )');
        })
    }
    $('.tuijian .outer').animate({
        left:-result*1225,
    },300);
})

// 往右滑动
$('.tuijian .right').click(function(){
    result --;
    if( result < 0){
        result = 0;
        $(this).css('color','rgb(210,210,210)');
        return;
    }
    else{
         $(this).css('color','rgb(160,160,160)');
    }
    $('.tuijian .outer').animate({
        left:-result*1225,
    },300);
})



